/*
  -公用声明
 */
 * { margin: 0; padding: 0; font-family: "微软雅黑" }
 body { min-width: 1240px }
/*
 * 去除轮廓线 */  
 a:focus, .btn:focus,
 input:focus { outline: none !important }  

/*
 * 相同声明*/ 
 .w_1000 { width: 1000px; margin: 0 auto } /** 宽1000 **/
 .w_1100 { width: 1100px; margin: 0 auto } /** 宽1100 **/
 .w_1200 { width: 1200px; margin: 0 auto } /** 宽1200 **/
 
 a, a:focus, a:hover, input:focus { text-decoration: none !important } /** 去除文本下划线 **/
 
 .dis_ib { display: inline-block } /** 内联块 **/ 
 .dis_b { display: block } /** 块 **/   
 .dis_n { display: none }
 
/*
 * 取消选中*/  
 .user_select-none { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none }
 
/*
 * 去除有序列表*/ 
 .list_none { list-style: none }
li {list-style-type:none;}
 
/*
 * 行高为正常*/ 
 .lh_n { line-height: normal !important }
 
/*
 * 浮动*/  
 .f_l { float: left !important } /** 浮动左 **/

 .f_r { float: right !important } /** 浮动右 **/
 
 .clear { clear: both }
 .float_c:after,
 .float_c:before { display: table; content: " "; clear: both }  /** 清除浮动 **/

/*
 * 背景颜色*/  
 .bg_white { background: white } /** 白色背景 **/

 .c_f6 { background-color: #f6f6f6 } /** 背景 #f6f6f6 **/  
   
/*
 * 定位*/  
 .pos_f { position: fixed } /** 固定定位 **/

 .pos_r { position: relative } /** 相对定位 **/

 .pos_a { position: absolute } /** 绝对定位 **/

 .static { position: static } /** 取消定位 **/

 .top0 { top: 0 !important }
 .right0 { right: 0 !important }
 .bottom0 { bottom: 0 !important }
 .left0 { left: 0 !important }

/*
 * 过渡*/ 
 .t_all05 { -webkit-transition: all .5s; transition: all .5s } /** 过渡时间 0.5秒 **/
 .ts_a05e-in { -webkit-transition: all .5s ease-in; transition: all .5s ease-in }

 .t_all08 { -webkit-transition: all .8s; transition: all .8s } /** 过渡时间 0.8秒 **/
 .ts_a08e-in { -webkit-transition: all .8s ease-in; transition: all .8s ease-in }

/*
 * 颜色*/ 
 .c_red { color: red !important } /** 颜色值为 白色 **/
 
 .c_white { color: white } /** 颜色值为 白色 **/     
 
/*
 * 透明度*/  
 .o_0 { opacity: 0 !important }
 .o_1 { opacity: 1 !important }
 
 
/*
 * 光标*/  
 .cur_p { cursor: pointer } /** 手势光标 **/

 .cur_d { cursor: default } /** 默认光标 **/    

 .over_h { overflow: hidden } /** 溢出隐藏 **/

/*
 * 字号*/ 
 .fs_12 { font-size: 12px !important } /** 字号为12 **/

 .fs_14 { font-size: 14px !important } /** 字号为14 **/

 .fs_15 { font-size: 15px !important } /** 字号为15 **/

 .fs_16 { font-size: 16px !important } /** 字号为16 **/

 .fs_18 { font-size: 18px !important } /** 字号为18 **/

 .fs_20 { font-size: 20px !important } /** 字号为20 **/

 .fs_26 { font-size: 26px !important } /** 字号为28 **/

/*
 * 字体为宋体*/
 .fm_st { font-family: "宋体" }

/*
 * 文本加粗*/ 
 .fw_b { font-weight: bold } 
 .fw_n { font-weight: normal }

/*
 * 文本对齐*/   
 
 .txt_c { text-align: center } /** 文本居中 **/ 
 
 .txt_l { text-align: left } /** 文本居左 **/ 
 
 .txt_r { text-align: right } /** 文本居右 **/ 
 
 .txt_j { text-align: justify } /** 文本两端对齐 **/  
 
/*
 * 外边距*/ 
 .m_0 { margin: 0 }
 .mt_10 { margin-top: 10px !important }
 .mt_15 { margin-top: 15px !important }
 .mt_20 { margin-top: 20px !important }
 .mt_25 { margin-top: 25px !important }
 .mt_30 { margin-top: 30px !important }
 .mb_10 { margin-bottom: 10px !important }
 .mb_15 { margin-bottom: 15px !important }
 .mb_20 { margin-bottom: 20px !important }
 .mb_25 { margin-bottom: 25px !important }
 .mb_30 { margin-bottom: 30px !important }
 .mb_35 { margin-bottom: 35px !important }
 .ml_10 { margin-left: 10px !important }
 .ml_15 { margin-left: 15px !important }
 .ml_20 { margin-left: 20px !important }
 .ml_25 { margin-left: 25px !important }
 .ml_30 { margin-left: 30px !important }
 .mr_10 { margin-right: 10px !important }
 .mr_15 { margin-right: 15px !important }
 .mr_20 { margin-right: 20px !important }
 .mr_25 { margin-right: 25px !important }
 .mr_30 { margin-right: 30px !important }
 
/* 
 * 内边距*/ 
 .p_0 { padding: 0 }
 .pt_10 { padding-top: 10px !important }
 .pt_15 { padding-top: 15px !important }
 .pt_20 { padding-top: 20px !important }
 .pt_25 { padding-top: 25px !important }
 .pt_30 { padding-top: 30px !important }
 .pb_10 { padding-bottom: 10px !important }
 .pb_15 { padding-bottom: 15px !important }
 .pb_20 { padding-bottom: 20px !important }
 .pb_25 { padding-bottom: 25px !important }
 .pb_30 { padding-bottom: 30px !important }
 .pl_10 { padding-left: 10px !important } 
 .pl_15 { padding-left: 15px !important } 
 .pl_20 { padding-left: 20px !important } 
 .pl_25 { padding-left: 25px !important } 
 .pl_30 { padding-left: 30px !important } 
 .pl_40 { padding-left: 40px !important } 
 .pr_10 { padding-right: 10px !important }
 .pr_15 { padding-right: 15px !important }
 .pr_20 { padding-right: 20px !important }
 .pr_25 { padding-right: 25px !important }
 .pr_30 { padding-right: 30px !important }
 .pr_40 { padding-right: 40px !important }
 
/*
 * 过渡*/ 
 .ts_a05 { -webkit-transition: all .5s ; transition: all .5s }
 .ts_a05e-in { -webkit-transition: all .5s ease-in; transition: all .5s ease-in }
 .ts_a08 { -webkit-transition: all .8s ; transition: all .8s }
 .ts_a08e-in { -webkit-transition: all .8s ease-in; transition: all .8s ease-in }
 
/*
 * delay*/
 .delay_t05 { -ms-transition-delay: .5s !important; -webkit-transition-delay: .5s !important; -o-transition-delay: .5s !important; transition-delay: .5s } /** 过渡延迟0.5s **/

 .delay_t06 { -ms-transition-delay: .6s !important; -webkit-transition-delay: .6s !important; -o-transition-delay: .6s !important; transition-delay: .6s !important } /** 过渡延迟0.6s **/

 .delay_t07 { -ms-transition-delay: .7s !important; -webkit-transition-delay: .7s !important; -o-transition-delay: .7s !important; transition-delay: .7s !important } /** 过渡延迟0.7s **/

 .delay_t08 { -ms-transition-delay: .8s !important; -webkit-transition-delay: .8s !important; -o-transition-delay: .8s !important; transition-delay: .8s !important } /** 过渡延迟0.8s **/

 .delay_t09 { -ms-transition-delay: .9s !important; -webkit-transition-delay: .9s !important; -o-transition-delay: .9s !important; transition-delay: .9s !important } /** 过渡延迟0.9s **/

 .delay_t1 { -ms-transition-delay: 1s !important; -webkit-transition-delay: 1s !important; -o-transition-delay: 1s !important; transition-delay: 1s !important } /** 过渡延迟1s **/

 .delay_t1_5 { -ms-transition-delay: 1.5s !important; -webkit-transition-delay: 1.5s !important; -o-transition-delay: 1.5s !important; transition-delay: 1.5s !important } /** 过渡延迟1.5s **/

 .delay_t2 { -ms-transition-delay: 2s !important; -webkit-transition-delay: 2s !important; -o-transition-delay: 2s !important; transition-delay: 2s !important } /** 过渡延迟2s **/

 .delay_t2_5 { -ms-transition-delay: 2.5s !important; -webkit-transition-delay: 2.5s !important; -o-transition-delay: 2.5s !important; transition-delay: 2.5s !important } /** 过渡延迟2.5s **/


 .delay_t3 { -ms-transition-delay: 3s !important; -webkit-transition-delay: 3s !important; -o-transition-delay: 3s !important; transition-delay: 3s !important } /** 过渡延迟3s **/
  
 .delay_a05 { -ms-animation-delay: .5s !important; -webkit-animation-delay: .5s !important; -o-animation-delay: .5s !important; animation-delay: .5s !important } /** 动画延迟0.5s **/

 .delay_a06 { -ms-animation-delay: .6s !important; -webkit-animation-delay: .6s !important; -o-animation-delay: .6s !important; animation-delay: .6s !important } /** 动画延迟0.6s **/

 .delay_a07 { -ms-animation-delay: .7s !important; -webkit-animation-delay: .7s !important; -o-animation-delay: .7s !important; animation-delay: .7s !important } /** 动画延迟0.7s **/

 .delay_a08 { -ms-animation-delay: .8s !important; -webkit-animation-delay: .8s !important; -o-animation-delay: .8s !important; animation-delay: .8s !important } /** 动画延迟0.8s **/

 .delay_a09 { -ms-animation-delay: .9s !important; -webkit-animation-delay: .9s !important; -o-animation-delay: .9s !important; animation-delay: .9s !important } /** 动画延迟0.9s **/

 .delay_a1 { -ms-animation-delay: 1s !important; -webkit-animation-delay: 1s !important; -o-animation-delay: 1s !important; animation-delay: 1s !important } /** 动画延迟1s **/

 .delay_a2 { -ms-animation-delay: 2s !important; -webkit-animation-delay: 2s !important; -o-animation-delay: 2s !important; animation-delay: 2s !important } /** 动画延迟2s **/

 /* 轮播图 */ 
 .home_banner { width:100%; height:410px; position:relative }
 .pic_banner { margin:0 auto; position:relative; z-index:0; overflow:hidden }
 .pic_banner ul { width:100% !important; height: 410px !important }
 .pic_banner li { width:100% !important; height: 410px; overflow:hidden; text-align:center }
 .pic_banner li a { display: block; height: 410px } 
 .btn_banner { width: 100%; left: 0; bottom: 0 }
 .btn_banner ul { display: inline-block; list-style: none }
 .btn_banner ul li { float: left; margin: 0 5px; width: 20px; height: 20px; border: solid 2px white; border-radius: 100%; cursor: pointer }
 .btn_banner .on { border-color: #0363AF }

 /* 产品中心 */
 .product { margin-top: 14px; margin-bottom: 46px }
 .product_nav { width: 290px; background-color: #0275b8 }
 .product_nav strong { display: block; margin-bottom: 28px; line-height: 58px; background: radial-gradient( #0275b8, #309ad4); font-size: 24px; color: white; text-align: center }
 .product_nav ul { padding: 0 20px; }
 .product_nav ul li { margin-bottom: 22px; line-height: 42px; font-size:18px; color: white; position: relative; cursor: pointer }
 .product_nav li > span { display: inline-block; padding-left: 6%; width: 94%; background-color: #2ebaef; border-radius: 2px }
  .product_nav li > span a{color:white;}
 .product_nav ul li > i { display: inline-block; width: 25px; height: 26px; background-color: white; border-radius: 50%; position: absolute; right: 10px; top: 8px; -webkit-transition: all .5s; transition: all .5s }
 .product_nav-on { transform: rotate(90deg) }
 .product_nav ul li > i:before { display: inline-block; content: ""; width: 0; height: 0; border-top: 8px solid transparent; border-left: 8px solid #39ace6; border-bottom: 8px solid transparent; position: absolute; left: 10px; top: 5px } 
 .product_nav li div { display: none }
 .product_nav li div a { display: block; padding-left: 27px; line-height: 48px; font-size: 13px; color: white; border-bottom: dashed 1px white; position: relative }
 .product_nav li div a:before { display: inline-block; content: ""; width: 0; height: 0; border-top: 8px solid transparent; border-left: 8px solid white; border-bottom: 8px solid transparent; position: absolute; left: 16px; top: 16px }
 .product_nav li div a:hover { color: #56c6ff }
 .product_nav li div a:hover:before { border-left-color: #39ace6 }
 
 .product_content { width: 884px; box-shadow: 0px 0px 8px -1px; } 


  /* 关于我们 */
 .product { margin-top: 14px; margin-bottom: 46px }

 .product_nav1 { width: 290px;min-height: 1160px;  background-color: #0275b8 }
 .product_nav1 strong { display: block; margin-bottom: 8px; line-height: 58px; background: radial-gradient( #0275b8, #309ad4); font-size: 24px; color: white; text-align: center }
 .product_nav1 ul { padding: 0 20px; }
 .product_nav1 ul li { margin-bottom: 22px; line-height: 42px; font-size: 18px; color: white; position: relative; cursor: pointer }
 .product_nav1 li > span {height: 42px;overflow: hidden; display: inline-block; padding-left: 6%; width: 94%; background-color: #2ebaef; border-radius: 2px }
 .product_nav1 li > span a{color:white;}
 .product_nav1 ul li > i { display: inline-block; width: 25px; height: 26px; background-color: white; border-radius: 50%; position: absolute; right: 10px; top: 8px; -webkit-transition: all .5s; transition: all .5s }
 .product_nav1-on { transform: rotate(90deg) }
 .product_nav1 ul li > i:before { display: inline-block; content: ""; width: 0; height: 0; border-top: 8px solid transparent; border-left: 8px solid #39ace6; border-bottom: 8px solid transparent; position: absolute; left: 10px; top: 5px } 
 .product_nav1 li div { display: none }
 .product_nav1 li div a { display: block; padding-left: 30px; line-height: 45px; font-size: 13px; color: white; border-bottom: dashed 1px white; position: relative }
 .product_nav1 li div a:before { display: inline-block; content: ""; width: 0; height: 0; border-top: 8px solid transparent; border-left: 8px solid white; border-bottom: 8px solid transparent; position: absolute; left: 16px; top: 16px }
 .product_nav1 li div a:hover { color: #56c6ff }
 .product_nav1 li div a:hover:before { border-left-color: #39ace6 }

 /* 头部和底部 */
 .head_1 a,
 .head_1 > span:before,
 .head_search button,
 .footer_share i,
 .foot i,
 .foot a { background-image: url(../images/home/public.png); background-repeat: no-repeat }
 .head_1 a,
 .head_1 > span,
 .head_search,
 .head_search input,
 .head_2 li { float: left }
 .head_search button { float: right }
 .header { padding-top: 15px; padding-bottom: 15px }
 .head_1 { margin-top: 24px; margin-bottom: 30px; height: 40px; line-height: 40px }
 .head_1 a { margin-top: 8px; display: inline-block; margin-right: 18px }
 .head_a1 { width: 82px; height: 24px; background-position: 0 0 }
 .head_a2 { width: 79px; height: 24px; background-position: 0 -24px }
 .head_1 > span { padding-left: 44px; margin-left: 40px; margin-right: 90px; font-size: 28px }
 .head_1 > span:before { display: inline-block; content: ""; width: 34px; height: 34px; background-position: 0 -82px; position: absolute; left: 0; top: 3px }
 .head_search { padding: 0 12px; width: 216px; height: 40px; background-color: #dcdddd; border-radius: 22px }
 .head_search input { margin-top: 7px; width: 162px; height: 24px; font-size: 18px; color: #1d1918; border: 0; background: none }
 .head_search button { width: 38px; height: 38px; background-position: -37px -86px; background-color: white; border: solid 2px #e5e5e5; border-radius: 100%; cursor: pointer }
 .head_2 ul { list-style: none }
 .head_2 li { padding-left: 28px }
 .head_2 li a { display: block; color: #251d1c }
 .head_2 li a:hover { color: #0064B4 }
 
 .footer { padding-top: 60px; padding-bottom: 66px; background-color: #273943 }
 .footer_ul li { float: left; margin-right: 76px }
 .footer_ul li span, .footer_ul li a { display: block }
 .footer_ul li span { margin-bottom: 10px; font-size: 20px; color: #ebedee }
 .footer_ul li a { line-height: 28px; font-size: 16px; color: #8c8c8c }
 .footer_ul li a:hover { color: white }
 .scan { width: 164px }
 .footer_share { right: 24%; bottom: 0 }
 .footer_share i { display: inline-block; margin: 0 5px; width: 44px; height: 44px; float: left; cursor: pointer; filter: alpha(opacity=80); opacity: .8 }
 .footer_share i:hover { filter: alpha(opacity=100); opacity: 1 }
 .share_xl { background-position: 0 -159px }
 .share_wx { background-position: 0 -203px }
 .share_qq { background-position: 0 -247px }
 .foot { width: 100%; height: 50px; line-height: 50px; background: radial-gradient(#469acb, #0275b8); left: 0; bottom: -100%; font-size: 26px; z-index: 99999 } 
 .foot span,
 .foot i,
 .foot a { display: inline-block; float: left } 
 .foot i { margin: 9px 10px 0 160px; width: 34px; height: 34px; background-position: 0 -124px } 
 .contact { margin: 14px 15px 0 116px }
 .contact_qq { margin-top: 14px } 
 
 /* 右侧导航 */
 .nav-link a,
 .weixin p i,
 .qq-shenqin,
 .triangle { background-image: url(../images/public/right-icon.png); background-repeat: no-repeat }
 .nav-link { width: 60px; bottom: 21%; right: 0; z-index: 9999 }
 .nav-link a { margin-bottom: 10px; width: 60px; display: inline-block }
 .nav-share { height: 91px; background-position: 0 -281px }
 .nav-share:hover { background-position: 0 -377px }
 .share-box { display: block; float: right; width: 178px; height: 390px; margin-right: 67px; border: 1px solid #c1c1c1; background: #fff; position: absolute; top: -150px; left: -188px; visibility: hidden }
 .nav-share:hover .share-box { visibility: visible }
 .weixin p { text-align: center; margin-top: 10px; font-size: 14px; color: #000000 }
 .weixin p i { margin-right: 10px; display: inline-block; width: 23px; height: 20px; vertical-align: middle; background-position: 0 0; }
 .qq-shenqin { width: 114px; height: 110px; background-position: 0 -27px; margin: 0 auto; margin-top: 10px }
 .albb { border-top: 1px dashed #c1c1c1; margin-top: 15px }
 .albb .qq-shenqin { background-position: 0 -158px }
 .albb p i { width: 16px; background-position: -33px -2px }
 .triangle { display: inline-block; width: 10px; height: 20px; background-position: -58px 0; position: absolute; top: 47%; right: -8px }
 .idea { padding-bottom: 12px; width: 196px; left: -198px; top: 1px; border: solid 1px #b2b5b4; border-top: solid 3px #6e9520; background-color: #f3f3f3; display: none }
 .idea p { height: 18px; background: url(../images/public/idea-bg.jpg) center no-repeat }
 .idea form { margin: 0 auto; width: 168px; }
 .idea form textarea,
 .idea form input { margin-top: 16px; line-height: 22px; padding-left: 10px }
 .idea form input,
 .idea form textarea,
 .idea form div { width: 94% } 
 .idea form button { padding: 0 6px; background: #04448a; border: 0; cursor: pointer; border-radius: 2px; color: white } 
 .nav-leave { height: 65px; background-position: 0 -483px }  
 .nav-leave:hover { background-position: 0 -624px }
 .nav-link .nav-top { display: none; height: 54px; background-position: 0 -561px }
 
 .p_nav { padding: 0 15px; line-height: 46px; border-bottom: solid 1px #dfdfdf; color: #aaa; position: relative }
 .p_nav span { font-size: 18px; color: #3b5a8f }
 .p_nav a { font-weight: bold; font-size: 16px; color: #aaa;}
 .p_nav:before { display: inline-block; content: ""; width: 82px; height: 2px; background-color: #324b7d; position: absolute; left: 0; bottom: -1px }
 .hover-a a:hover { color: #0275B8 } 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 